{% extends 'main.html' %}

{% block content %}

<main class="profile-page layout layout--3">
    <div class="container">

      <!-- Topics Start -->
      {% include "base/topics_component.html" %}
      <!-- Topics End -->

      <!-- Room List Start -->
      <div class="roomList">

        <div class="profile">
          <div class="profile__avatar">
            <div class="avatar avatar--large active">
              <img src="{{ user_pk.avatar.url }}" />
            </div>
          </div>

          <div class="profile__info">
            <h3>{{ user_pk.username }}</h3>
            <p>@{{ user_pk.username }}</p>

            {% if request.user == user_pk %}
            <a href="{% url 'update-user'  %}" class="btn btn--main btn--pill">编辑个人信息</a>
            {% endif %}

          </div>

          <div class="profile__about">
            <h3>个性签名</h3>
            <p>{{ user_pk.bio }}...</p>
          </div>
        </div>

        <div class="roomList__header">
          <div>
            <h2>{{ user_pk.username }}创建的房间</h2>
          </div>
        </div>

        {% include "base/feed_component.html" %}

      </div>
      <!-- Room List End -->

      <!-- Activities Start -->
      {% include "base/activity_component.html" %}
      <!-- Activities End -->

    </div>
</main>

{% endblock content %}






{#{% extends 'main.html' %}#}

{#{% block content %}#}
{#    <style>#}
{#        .profile-container{#}
{#            display: grid;#}
{#            grid-template-columns: 1fr 2fr 1fr;#}
{#        }#}
{#    </style>#}


{#<h1>{{ user_pk.username }}</h1>#}

{#<div class="profile-container">#}
{#    <div>#}
{#        {% include "base/topics_component.html" %}#}
{#    </div>#}
{##}
{#    <div>#}
{#        {% include "base/feed_component.html" %}#}
{#    </div>#}
{##}
{#    <div>#}
{#        {% include "base/activity_component.html" %}#}
{#    </div>#}
{#</div>#}

{#{% endblock content %}#}